@font-face {

	font-family: "syhtm";

	src:

		url("../font/syht-M.ttf") format("truetype"),

		url("../font/syht-M.eot") format("embedded-opentype"),

		url("../font/syht-M.woff2") format("woff2"),

		url("../font/syht-M.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "syhtr";

	src:

		url("../font/syht-R.ttf") format("truetype"),

		url("../font/syht-R.eot") format("embedded-opentype"),

		url("../font/syht-R.woff2") format("woff2"),

		url("../font/syht-R.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "syhtn";

	src:

		url("../font/syht-N.ttf") format("truetype"),

		url("../font/syht-N.eot") format("embedded-opentype"),

		url("../font/syht-N.woff2") format("woff2"),

		url("../font/syht-N.svg") format("svg");

	   font-weight: normal;

	   font-style: normal;

}

@font-face {

	font-family: "syhtb";

	src:

		url("../font/syht-B.ttf") format("truetype"),

		 url("../font/syht-B.eot") format("embedded-opentype"),

		 url("../font/syht-B.woff2") format("woff2"),

		 url("../font/syht-B.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "pror";

	src:

		url("../font/Pro-R.ttf") format("truetype"),

		url("../font/Pro-R.eot") format("embedded-opentype"),

		url("../font/Pro-R.woff2") format("woff2"),

		url("../font/Pro-R.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "publicr";

	src:

		url("../font/publicr.ttf") format("truetype"),

		url("../font/publicr.eot") format("embedded-opentype"),

		url("../font/publicr.woff2") format("woff2"),

		url("../font/publicr.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "bebas";

	src:

		url("../font/bebas.ttf") format("truetype"),

		url("../font/bebas.eot") format("embedded-opentype"),

		url("../font/bebas.woff2") format("woff2"),

		url("../font/bebas.svg") format("svg");

}

@font-face {

	font-family: "din-b";

	src:

		url("../font/DIN-Bold.ttf") format("truetype"),

		url("../font/DIN-Bold.eot") format("embedded-opentype"),

		url("../font/DIN-Bold.woff2") format("woff2"),

		url("../font/DIN-Bold.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "din-r";

	src:

		url("../font/DIN-Regular.ttf") format("truetype")

		url("../font/DIN-Regular.eot") format("embedded-opentype"),

		url("../font/DIN-Regular.woff2") format("woff2"),

		url("../font/DIN-Regular.svg") format("svg");

		font-weight: normal;

		font-style: normal;

}

@font-face {

	font-family: "banEn";

	src:

		url("../font/banENt.ttf") format("truetype"),

		 url("../font/banENt.eot") format("embedded-opentype"),

		 url("../font/banENt.woff2") format("woff2"),		

		 url("../font/banENt.svg") format("svg"); 

	   font-weight: normal;

	   font-style: normal;

}

body{

    -webkit-animation: bgbody 2s ease;

    -o-animation: bgbody 2s ease;

    animation: bgbody 2s ease;

}

@keyframes bgbody {

    0%{

        opacity: 0;

        background-color: #ffffff;

    }

    100%{

        opacity: 1;

    }

}



/* header */

/*.index-item{position:relative;}*/

/* .fixed .yqLinkUl{background-color:#f4f4f4;} */

.yqLinkUl{position: absolute;top: 100%;width: 100%;z-index: 999999;display: none;left:0;padding-right:35px;}

.yqLinkUl li{line-height:35px;padding:15px 0;margin-left:50px;justify-content: flex-end;}

.yqLinkUl li:hover a{color:#C90001;}

.yqLinkUl li:last-child{border-bottom:none;}

.yqLinkUl li a{font-size: 14px;color:#333333;font-family:'syhtm';}

.yqLinkUl.active{display:flex !important;justify-content: flex-end;	 animation: showNav .5s linear 1; }


@media (min-width:769px){
.nav-item.index-item:hover .yqLinkUl{display:flex !important;justify-content: flex-end;	 animation: showNav .5s linear 1;}
}












@keyframes showNav {

		0% {

			opacity: 0;

			height: 1px;

			

		}

		

		/*50% {*/

		/*	opacity: 0.2;*/

		/*	height: 60%;*/

		/*}*/



		100% {

			opacity: 1;

			height: 100%;

		}

	}

.navbar{position: absolute;z-index: 999;padding: 0 1rem;}

.navbar.fixed{background: #fff;box-shadow: 0 5px 5px 1px rgba(213,213,213,.6);transition-duration: 1s;-webkit-transition-duration: 1s;}

.navbar.fixed .nav-item{transition-duration: 1s;-webkit-transition-duration: 1s;}

.navbar-collapse{transition-duration: 1s;-webkit-transition-duration: 1s;}

.logo2{display: none;}

.navbar-dark .navbar-toggler{border: none;}

.nav_btn2{display: none;}

.navbar-brand{padding-top: 0;}

.navbar-toggler-icon{width:28px;height:24px;}















/*.navbar-nav .nav-item:last-child{padding-right: 0;}*/

/*.navbar-nav .nav-item:last-child .two_nav{left: -30px;}*/

.navbar.fixed>.navbar-brand>.logo1{display: none;}

.navbar.fixed>.navbar-brand>.logo2{display: block;}

.navbar.fixed .nav-item .nav_btn1{display: none;}

.navbar.fixed .nav-item .nav_btn2{display: block;}

.navbar-toggler-icon{background: url(../image/nav_btn2.png) no-repeat center center !important;}

.nav-item{text-align: center;}

/* .nav-item:last-child{margin-right: 0;} */

.fixed{position: fixed !important;top: 0;z-index: 990;}

.navbar .nav-item>.nav-link:hover{background:url(../img/nabBgs.png) no-repeat bottom center;}

.navbar.fixed .nav-item>.nav-link:hover{background:url(../img/nabBgs.png) no-repeat bottom center;}

.nav-item>a{color: #333333 !important;font-size: 15px;font-weight:bold;}

.nav-item>a:hover{color: #e00b0d!important;}

.two_nav{border: none;border-radius: 0;min-width: 6rem;background:#fff;transition-duration: 1s;-webkit-transition-duration: 1s;}

.two_nav>a{color: #868686;font-size: 0.75rem;border-bottom: 1px solid #f0f0f0;font-family:'syhtm';}

.dropdown-item{padding: .5rem 1.5rem;}

.two_nav a:hover{color: #C90001 !important;}

.dropdown-menu{padding: 0;top: 116%;}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color:#fff ;}

/* footer */

#footerBox{width: 100%;background: #faf8f5;}

.footerTop{width: 100%;border-bottom: 1px solid #ebeae9;}

.fTopBox{width: 69%;margin: 0 auto;display: flex;flex-direction: row;position: relative;}

.fTopLeft{padding: 3rem 0;border-right: 1px solid #ebeae9;}

.fTopLeft img{margin-bottom: 8px;}

.jcjb{color: #666666;font-size: 16px;white-space: nowrap;font-weight:650;font-family:'syhtn';}

.phoneNum{color: #c90001;font-size: 1.375rem;padding-left: .4rem;font-family:'publicr';}

.fTopRight{position: relative;padding: 3rem 0;}

.fTopRight span{margin-right: 2rem;display: inline-block;}

.wb_icon{margin-right: 0 !important;}

.gzzh{font-size: 14px;color: #666666;line-height: 32px;padding-left: 20px; font-family:'syhtm';float: left;}

.fBotBox{width: 69%;margin: 0 auto;flex-direction: row;}

.fBotLeft span{display: block;font-size: 12px;color: #666666;font-family:'syhtm';}

.fBotLeft span a{color: #666666;}

.fBotLeft{padding: 3rem 0;border-right: 1px solid #ebeae9;}

.fBotRight{position: relative;padding: 3rem 0;}

.fBotP1{margin-bottom: .5rem;}

.fBotRight span{margin-right: 1rem;}

.ewm-box{position: absolute;right: -8%;bottom: 42%;width: 250px;height: 250px;z-index: 99;}

.ewm-box.active{display: block;}

.qqEwm,.wxEwm,.wbEwm{width:170px;height: 170px;position: absolute;display: none;bottom: 100%;right:0;}

.qqEwm.active{display: block;}

.wxEwm.active{display: block;}

.wbEwm.active{display: block;}

/*.ewm-box img{width:170px;height: 170px;position: absolute;display: none;}*/
.bottom-icon{margin-right: 0 !important;margin-left: 2rem;}
.bottom-icon:first-child{margin-left: 0;}

.sm-block{display: none;}

/* .bottom-logo2{margin-right: 0 !important;} */

.txt-elise{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.dropdown-item.active, .dropdown-item:active{background-color: #fff;}

body{font-size: 100%;}

.container-fluid{max-width: 1920px;}

.img-hide {overflow: hidden;}

.img-hide img {transition: 0.5s all;}

.img-hide:hover img {transform: scale(1.1, 1.1);}

.dh span:nth-child(2){ animation-delay:0.2s; }

.dh span:nth-child(3){ animation-delay:0.4s; }

.dh span:nth-child(4){ animation-delay:0.6s; }

.dh span:nth-child(5){ animation-delay:0.8s; }

.dh span:nth-child(6){ animation-delay:1s; }

.dh p:nth-child(2){ animation-delay:0.2s; }

.dh p:nth-child(3){ animation-delay:0.4s; }

.dh p:nth-child(4){ animation-delay:0.6s; }

.dh p:nth-child(5){ animation-delay:0.8s; }

.dh p:nth-child(6){ animation-delay:1s; }

.dh p:nth-child(7){ animation-delay:1.2s; }

.dh p:nth-child(8){ animation-delay:1.4s; }

.dh p:nth-child(9){ animation-delay:1.5s; }

.dh p:nth-child(10){ animation-delay:1.6s; }

.dh p:nth-child(11){ animation-delay:1.7s; }

.dh p:nth-child(12){ animation-delay:1.8s; }

.dh p:nth-child(13){ animation-delay:1.9s; }

.dh p:nth-child(14){ animation-delay:2s; }

.dh p:nth-child(15){ animation-delay:2.1s; }

.dh p:nth-child(16){ animation-delay:2.2s; }

.dh div:nth-child(1){ animation-delay:0.2s; }

.dh div:nth-child(2){ animation-delay:0.4s; }

.dh div:nth-child(3){ animation-delay:0.6s; }

.dh div:nth-child(4){ animation-delay:0.8s; }

.dh div:nth-child(5){ animation-delay:1s; }

.dh div:nth-child(6){ animation-delay:1.2s; }

.dh div:nth-child(7){ animation-delay:1.3s; }

.dh div:nth-child(8){ animation-delay:1.4s; }

.dh div:nth-child(9){ animation-delay:1.5s; }

.dh li:nth-child(2){ animation-delay:0.2s; }

.dh li:nth-child(3){ animation-delay:0.4s; }

.dh li:nth-child(4){ animation-delay:0.6s; }

.dh li:nth-child(5){ animation-delay:0.8s; }

.dh li:nth-child(6){ animation-delay:1s; }

.dh li:nth-child(7){ animation-delay:1.2s; }

.dh li:nth-child(8){ animation-delay:1.4s; }

.dh li:nth-child(9){ animation-delay:1.5s; }

.dh li:nth-child(10){ animation-delay:1.6s; }

.dh li:nth-child(11){ animation-delay:1.7s; }

.dh li:nth-child(12){ animation-delay:1.8s; }

ul {padding: 0;margin: 0;list-style: none;}

a {cursor: pointer;}

a:hover {text-decoration: none !important;}

a:focus {text-decoration: none !important;outline: none !important;}

button:focus,

button:hover,

input:focus {outline: none !important;box-shadow: none;}

img {/* max-width: 100%; */}

.dropdown-toggle::after{display: none;}



.fixed-bg{display: none;position: fixed;width: 100%;height: 100%;z-index: 991;background: #000000;opacity: .5;transition: .7s;}

.right-fixedNav{position: fixed;right: -100%;top: 0;width: 400px;background: #fff;z-index: 1000;transition: .7s;opacity: 0;height: 100vh;}

.fixed-bg.active{display: block;position: fixed;width: 100%;height: 100%;z-index: 991;background: #000000;opacity: .5;}

.right-fixedNav.active{position: fixed;right: 0%;top: 0;width: 400px;background: #fff;z-index: 1000;transition: .7s;opacity: 1;background: #ffffff url(../image/world-map.png) repeat;background-position-x: -50%;}

.top-fixedNav{height: 78px;background: #de0000;padding: 0 30px;line-height: 78px;}

.btn-map{width: 46px;height: 46px;float: right;background: url(../img/close.png) no-repeat center center;margin-top: 15px;}

.map-titles span{color: #ffffff;font-size: 1.125rem;}    

.sitemap-con{padding: 30px 20px;}

.sitemap-one{font-size: 1rem;font-family: 'syhtm';padding-bottom: 10px;color: #333333;}

.sitemap-two span{margin: 0 20px 5px 0;display: inline-block;}

.sitemap-two span .nav-linkTwo{color: #999999;font-size: 0.875rem;font-family: 'syhtm';}

.sitemap-two span .nav-linkTwo:hover{color: #de0000;}

.sitemap-div{border-bottom: 1px solid #e8e8e8;padding-bottom: 5px;margin-bottom: 15px;}

@media (max-width:1500px){

	.phoneNum{font-size:22px;}

	

}



@media (max-width:767.5px){

	.navbar .nav-item>.nav-link:hover{background:none;}

	.navbar.fixed .nav-item>.nav-link:hover{background:none;}

	.fixed-bg,.right-fixedNav{display: none !important;}

	.yqLinkUl{position:relative;top: 0;padding-right: 0;}

	.yqLinkUl.active{flex-direction:column !important;background: rgba(0,0,0,.9);}
	.yqLinkUl li:first-child{border-top:1px solid #dddddd;}
	.yqLinkUl li{padding:8px 0;margin-left:0;justify-content: flex-start;border-bottom:1px solid #dddddd;}

	.yqLinkUl li a{padding-left:1rem;}

	/* .index-item{background: url(/image/iphone_nav_xia.png) no-repeat right 15px top 18px;} */
	.bav-btn.act{transition: 0.4s;-webkit-transition: 0.4s;transform: rotate(0deg);-webkit-transform: rotate(0deg);}

	.bav-btn{position: absolute;right: 10px;top: 12px;width: 20px;height: 20px;background: url(/image/iphone_nav_xia.png) no-repeat center center;transition: 0.4s;-webkit-transition: 0.4s;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}

	.navbar-nav .index-item{position: relative;}
	.index-item:first-child,.index-item:nth-child(6){background:none;}

	/* .nav-item.index-item:hover .yqLinkUl{display:block !important;animation: none;} */
	.navbar-collapse{margin-top: 1rem;}
}

@media (max-height:800.5px){

	.sitemap-con{padding: 10px 20px;}

	.right-fixedNav{width: 600px !important;}

}

@media (max-height:750.5px){

	.sitemap-con{padding: 0px 20px;}

	.right-fixedNav{width: 600px !important;}

	.sitemap-div{margin-bottom: 0;padding-top: 5px;}

	.sitemap-one{padding-bottom: 5px;}

	.fTopLeft img{width:24px;}

	.jcjb{font-size:16px;}

	.phoneNum{font-size:18px;}

}

@media (max-width:320.5px){

	.phoneNum{font-size: 1.1rem;}

}

